<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="/exam2/userManagement/User_Hx_Css/person.css">
</head>

<body class="body_hx">
  <div class="Hxachaesi" id="hxchasi">
    <!-- 修改企业信息 -->
    <h2>修改人员信息</h2>
    <div class="xiugai">
      <div>
        <label for="chassn">名称:</label>
        <input id="chassn" type="text" required="required" />
      </div>
      <div>
        <label for="chasn">职位:</label>
        <input id="chasn" type="text" required="required" />
      </div>
      <div>
        <label for="chasac">电话:</label>
        <input id="chasac" type="text" required="required" />
      </div>
      <div>
        <label for="chasm">账号:</label>
        <input id="chasm" type="text" required="required" />
      </div>
      <div>
        <label for="chasg">备注:</label>
        <input id="chasg" type="text" />
      </div>
    </div>
    <div class="boxbtn_hx">
      <button class="baocun">保存</button><button class="xgcancel">取消</button>
    </div>
  </div>
  <div id="addModle">
    <!-- 添加人员 -->
    <h4>添加人员</h4>
    <p>
      <span>*所属主体:</span>
      <select class="S_hx_01" id="userZhuti">
        <option placeholder="所属主体">部门</option>
        <option placeholder="所属主体">职能</option>
      </select>
    </p>
    <p>
      <span>*所属区域:
        <select class="S_hx_01" id="userQuyu">
          <option placeholder="所属区域">东区</option>
          <option placeholder="所属区域">西区</option>
          <option placeholder="所属区域">北区</option>
          <option placeholder="所属区域">南区</option>
        </select>
    </p>
    <p>
      <span>*所属企业:</span>
      <select class="S_hx_01" id="userQiye">
        <option placeholder="所属区域">河北开合</option>
        <option placeholder="所属区域">四川工商</option>
      </select>
    </p>
    <p>
      <span>*人员名称:</span><input type="text" id="textRenyuan" placeholder="人员名称" value="">
    </p>
    <p>
      <span>*联系电话:</span><input type="text" id="textPhone" placeholder="联系电话" value="">
    </p>
    <p>
      <span class="zhiwei">职位:</span> <input type="text" id="textZhiwei" placeholder="职位" value="">
    </p>
    <p>
      <span class="beizhu">备注:</span><input type="text" id="textBeizhu" placeholder="备注" value="">
    </p>
    <p>
      <button id="hxtianjia">添加</button><button id="hxcell">取消</button>
    </p>
  </div>
  <nav class="nav_hx_header"> <!--  头部导航栏 -->
    <div class="nav_hx_blue">
      <div class="nav_hx_text">人员管理</div>
    </div>
  </nav>
  <div class="context"> <!--  增删改查 -->

    <div class="context_hx_top w">
      <div class="form_hx_top">
        <div class="form_hx_top_input1">
          <input placeholder="请输入人员名称/电话/企业名称" id="htbh">
        </div>
        <div class="form_hx_top_select">
          <span>所属主体:</span>
          <select name="" class="hx_op1">
            <option value="quanbu">全部</option>
          </select>
        </div>
        <div class="form_hx_top_select2">
          <span>所属区域:</span>
          <select name="" class="hx_op2">
            <option value="quanbu">全部</option>
          </select>
        </div>
        <div class="form_hx_top_select3">
          <span>账号状态:</span>
          <select class="btn btn-default dropdown-toggle" onclick="choice(this)" id="form_h_o">
            <option value="1">选择状态</option>
            <option value="2">冻结</option>
            <option value="3">正常</option>
          </select>
        </div>
        <div class="form_hx_bspan">
          <span id="SubjectName" class="glyphicon glyphicon-search" aria-hidden="true">查询</span>
          <span class="glyphicon glyphicon-refresh" aria-hidden="true">重置</span>
        </div>
        <div class="form_right_sbtn">
          <button class="glyphicon glyphicon-trash" aria-hidden="true">删除</button>
          <button class="glyphicon glyphicon-plus" aria-hidden="true" id="btnCardtianjia">添加</button>
          <button class="glyphicon glyphicon-open" aria-hidden="true">批量导入</button>
          <button class="glyphicon glyphicon-asterisk" aria-hidden="true">下载模板</button>
          <button>导出</button>
        </div>
      </div>
    </div>
    <div class="form_hx_default">
      <table>
        <thead>
          <tr class="hx_tr">
            <th><input type="checkbox" id="trAll"></th>
            <th id="spanSerialNumber">序号</th>
            <th>主体</th>
            <th>区域</th>
            <th>所属企业</th>
            <th>人员名称</th>
            <th>职位</th>
            <th>联系电话</th>
            <th>账号状态</th>
            <th>备注</th>
            <th>添加时间</th>
            <th>操作</th>
          </tr>
        </thead>
        <!--  这里删除 -->
        <tbody id="tbCard">

        </tbody>
      </table>
      <div class="btn-group" role="group" aria-label="...">
        <button type="button" class="btn btn-default" id="lastpage">上一页</button>
        <button type="button" class="btn btn-default">1</button>
        <button type="button" class="btn btn-default">2</button>
        <button type="button" class="btn btn-default" id="nextpage">下一页</button>
        <select class="hx_rop">
          <option>10条/页</option>
          <option>20条/页</option>
          <option>30条/页</option>
          <option>40条/页</option>
          <option>50条/页</option>
        </select>
        <span class="hx_Si">
          到第<input type="text" value="1" id="inputPage">页
        </span>
        <div class="hx_b"><button>确定</button></div>
      </div>
    </div>
  </div>
  <script src="../userManagement/User_Hx_Js/jQuery.js"></script>
  <script src="../userManagement/User_Hx_Js/person.js"></script>
  <script src="../userManagement/User_Hx_Js/layer.js"></script>

</body>

</html>